<template>
	<view class="page-wrap" :data-theme="theme" :class="theme" :style="globalColor.style">
		<HeadCustom></HeadCustom>
		<view class="wrap fboxCol Ycenter">
			<view class="hd fboxCol Ycenter">
				<image class="pic" src="https://ebc-prod.cdn.benwunet.com/uni-static/img3.3.0/disable.png" mode="aspectFill"></image>
				<view class="tit font30 fwb lh44 color-E8CDA7">该账号已被禁用，无法正常使用</view>
				<view class="con mt16 font26 lh38 color-6B707C">根据用户举报、经判断您的账号因状态异常或涉嫌发布违法违规内容，已被暂时禁用。</view>
			</view>
			<view class="flex1"></view>
			<view class="bd mt32">
				<view class="fboxRow Ycenter mt50" v-for="(item,index) in infoList" :key="index">
					<view class="tit font26 color-ACB4C7 lh38">{{item.tit}}</view>
					<view class="con font26 lh38">{{detail[item.key]}}</view>
				</view>
			</view>
			<view class="ft">
				<view class="btn fboxRow Ycenter Xcenter bg-linear font30 color-141720" @click="$pageTo('/about/guidePage')">账号申诉 请下载APP</view>
			</view>
		</view>
	</view>
</template>

<script>
import { frozenUserInfo } from '@/api/mine.js';
export default {
	props: {},
	data() {
		return {
			theme: getApp().globalData.appTheme,
						globalColor: getApp().globalData.globalColor,
			infoList:[
				{tit: '禁用账号：', key: 'businessName'},
				{tit: '禁用时间：', key: 'startTime'},
				{tit: '违规原因：', key: 'reportReason'},
				{tit: '处罚结果：', key: 'punishResult'}
			],
			detail:{},
			id: ''
		};
	},
	onLoad(option) {
		if(option && option.id){
			this.id = option.id
		this.getMyData();
		}
	},
	methods: {
		// 获取圈子数据
		getMyData() {
			frozenUserInfo({businessId:this.id }).then(res => {
				this.detail = res.data
			});
		},
	}
};
</script>

<style lang="scss" scoped>
	.wrap{ padding: 132rpx 88rpx 0; height: calc(90vh)}
	.pic{width: 120rpx;height: 120rpx}
	.btn{width: 570rpx;height: 76rpx;border-radius: 12rpx;}
	.bd{width: 570rpx;margin-bottom: 180rpx;}
	.mt50{margin-top: 50rpx;}
</style>
